<![CDATA[/
/* Caja contenedora carrusel o Listón */
#caja-carrusel{
width: 480px;
height: 80px;
overflow: hidden;
margin: -5px 0 0 -5px;
padding:0;
background: #fff;
border-top:1px solid #1a6ed2;
border-bottom:1px solid #1a6ed2;
position: relative;
top: -80px;
left: -7px;
z-index: 1;
}
/* Triángulos del listón */
.exlefttop {
width:0px; height:0px; border-bottom:8px solid transparent;border-top:8px solid transparent; border-right:8px solid #064888; font-size:0px;
line-height:0px;position:absolute;top:-37px;left:10px;z-index:1;
}
.exrighttop {
width:0px; height:0px; border-bottom:8px solid transparent;border-top:8px solid transparent;border-left:8px solid #064888;font-size:0px;
line-height:0px;position:absolute; top:-37px; right:10px; z-index:1;
}
/* Si deseas solo los triángulos superiores del listón, solo  usa los siguientes dos bloques de código y quita los dos bloques de código anteriores y viceversa */
.exrightbottom{
width:0px; height:0px; border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:6px solid #064888; font-size:0px;
line-height:0px;position:absolute;top:-37px; right:10px; z-index:1;
}
.exleftbottom {
width:0px; height:0px; border-bottom:6px solid transparent;border-top:6px solid transparent; border-right:6px solid #064888; font-size:0px;
line-height:0px;position:absolute;top:-27px;left:10px;z-index:1;
}
/*Estilos del Carrusel de imágenes */
.infiniteCarousel {
width: 470px;
position: relative;
height: 70px;
margin: 0px 0 0 8px;
}
.infiniteCarousel .wrapper {
width: 400px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
overflow: auto;
height: 70px;
margin:0px 40px 0 40px;
position: absolute;
top: 7px;
}
.infiniteCarousel ul a img {
border: 1px solid #ccc;
padding: 1px;
-webkit-box-shadow: 1px 1px 8px #777; /*Sombras para las imágenes del carrusel */
-moz-box-shadow:1px 1px 8px #777;
box-shadow: 1px 1px 8px #777;
}
.infiniteCarousel .wrapper ul {
width: 9999px;
list-style:none;
margin:0;
padding:0;
position: absolute;
top: 0px;
}
.infiniteCarousel ul li {
display:block;
float:left;
padding: 10px; /*la separación de cada item*/
height: 110px; /*el alto de cada item en el carrusel*/
width: 100px; /*el ancho de cada item en el carrusel*/
}
.infiniteCarousel ul li a img {
display:block;
color: #000;
}
.infiniteCarousel .arrow { /* Las flechas del carrusel */
display: block;
height: 36px;
width: 36px;
background: url(http://4.bp.blogspot.com/-FvPgXAbc1qQ/TsQc86eqqFI/AAAAAAAAIJk/zwsI39HzlhE/s200/flechas-c.png) no-repeat 0 0;
text-indent: -999px;
position: absolute;
top: 22px;
cursor: pointer;
}
.infiniteCarousel .forward {background-position: 0 0px; right:0;
}
.infiniteCarousel .back { background-position: 0 -36px; left: 0;
}
.infiniteCarousel .forward:hover { background-position: 0 -72px;
}
.infiniteCarousel .back:hover {background-position: 0 -108px;
}
ul.tabs {
margin:0;
padding:4px 0;
float: left;
list-style: none;
height: 32px;
width: 100%;
background: url(http://4.bp.blogspot.com/-m41EwnAOupI/T8XDoCUCJ8I/AAAAAAAABjk/C3a8y2CqYH8/s1600/pattern_background_a21.gif) repeat;
}
ul.tabs li {
float: left;
margin: 0 3px 0;
padding: 0;
height: 31px;
line-height: 31px;
margin-bottom: -1px;
overflow: hidden;
position: relative;
}
ul.tabs li a {
font-size:1.2em;
color:#000;
text-decoration: none;
display: block;
padding: 0;
margin: 0 8px 0 0;
}
ul.tabs li a:hover {
color:#e1a517;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  {
border-bottom: 3px solid #b2c6df;
}
.tab_container {
overflow: hidden;
clear: both;
float: left; width: 100%;
background:  url(http://4.bp.blogspot.com/-t0HmNAZHzJQ/T8XB_y_-tVI/AAAAAAAABXc/lV6W6biZTF4/s1600/miscellaneous_15.gif) repeat;
border-top: none;
}
.tab_container,  ul.tabs{
}
.tab_content {
padding: 20px;
}
.tab_container h2{
font-size: 110%;}
 }}}]]>
